<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="icon" href="../images/icon.ico" type="image/x-icon"/>
<link type="text/css" href="../css/bootstrap.min.css" rel="Stylesheet" />
<link type="text/css" href="../css/RxWindow.css" rel="Stylesheet" />
<link type="text/css" href="../css/RxButton.css" rel="Stylesheet" />
<link type="text/css" href="../css/JyyCheckBox.css" rel="Stylesheet" />
<link type="text/css" href="../css/RxDate.css" rel="Stylesheet" />
<link type="text/css" href="../css/RxDialog.css" rel="Stylesheet" />
<link type="text/css" href="../css/RxDropList.css" rel="Stylesheet" />
<link type="text/css" href="../css/RxLabel.css" rel="Stylesheet" />
<link type="text/css" href="../css/RxListBox.css" rel="Stylesheet" />
<link type="text/css" href="../css/RxMenu.css" rel="Stylesheet" />
<link type="text/css" href="../css/JyyRadio.css" rel="Stylesheet" />
<link type="text/css" href="../css/RxText.css" rel="Stylesheet" />
<link type="text/css" href="../css/RxTree.css" rel="Stylesheet" />
<link type="text/css" href="../css/ystep.css" rel="Stylesheet" />
<link type="text/css" href="../css/RxWindow.css" rel="Stylesheet" />
<link type="text/css" href="../css/main.css" rel="Stylesheet" />
<link type="text/css" href="../css/jquery-ui.min.css" rel="Stylesheet" />
<link rel="stylesheet" href="../layui/css/layui.css">
<link rel="stylesheet" href="../css/lc.css">
<link href="../css/bootstrap-select.css" rel="stylesheet">
<title>系统管理</title>
<script type="text/javascript" src="../js/jquery-3.2.1.js" ></script>
<script type="text/javascript" src="../js/json2.js" ></script>
<script type="text/javascript" src="../js/RxWindow.js" ></script>
<script type="text/javascript" src="../js/RxButton.js" ></script>
<script type="text/javascript" src="../js/JyyCheckBox.js" ></script>
<script type="text/javascript" src="../js/RxDate.js" ></script>
<script type="text/javascript" src="../js/RxDialog.js" ></script>
<script type="text/javascript" src="../js/RxDropList.js" ></script>
<script type="text/javascript" src="../js/RxLabel.js" ></script>
<script type="text/javascript" src="../js/RxListBox.js" ></script>
<script type="text/javascript" src="../js/RxMenu.js" ></script>
<script type="text/javascript" src="../js/JyyRadio.js" ></script>
<script type="text/javascript" src="../js/RxText.js" ></script>
<script type="text/javascript" src="../js/RxTree.js" ></script>
<script type="text/javascript" src="../js/JyyLoading.js"></script>
<script type="text/javascript" src="../js/ystep.js" ></script>
<script type="text/javascript" src="../js/system.js" ></script>
<script type="text/javascript" src="../js/jquery-ui.min.js" ></script>
<script type="text/javascript" src="../js/interface.js" ></script>
<script type="text/javascript" src="../js/JyyCommon.js" ></script>
<script type="text/javascript" src="../js/JyyMsgBox.js" ></script>
<script type="text/javascript" src="../js/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/bootstrap-select.js"></script>
<style type="text/css">
.msgbox {
	position:absolute;
	top:15px;
	left:600px;
	width:420px;
	height:250px;
	background:#ffffff;
	overflow: hidden;
	border:0px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 1px solid #cccccc;
	box-shadow: 0 0 5px #cccccc;
}
.msgbox_panel {
	position:absolute;
	top:15px;
	left:15px;
	bottom:80px;
	right:15px;
}
.msgbox_icon {
	position:absolute;
	top:50px;
	left:66px;
	width:35px;
	height:35px;
	background:url(../images/error_tips.png) no-repeat;
}
.msgbox_text {
	position:absolute;
	top:55px;
	left:129px;
	width:210px;
	height:20px;
	font-size:20px;
	color:#999999;
}
.context-menu {
    display: none;
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 5px;
    padding: 0;
}

/* 列表中的每个元素 */
.context-menu li {
    padding: 8px 12px;
    cursor: pointer;
    list-style-type: none;
    transition: all .3s ease;
    user-select: none;
}

.context-menu li:hover {
    background-color: #DEF;
}
.login_name {
	top:20px;
	right:140px;
	width:60px;
	height:60px;
	cursor:pointer;
	color: white;
}
.layui-nav {
    position: relative;
    color: #fff;
    border-radius: 2px;
    font-size: 0;
    box-sizing: border-box;
    right: 11px;
    
}
.layui-nav-more {
	display: none;
} 
.heidenp{
    position: absolute;
    top: 0px;
    left: 42px;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    position: absolute;
    left: -1px;
    top: -1px;
    padding: 1px;
    width: 100%;
    height: 100%;
    background-color: #557DFF;
}
.layui-elem-field div {
    margin-left: 20px;
    padding: 0 10px;
    font-size: 22px;
    font-weight: 400;
}
.layui-field-title {
    margin: 0px -12px 3px;
    border-width: 0px 0px 0px;
}
.caidan {
	width: 100%;
	height: 50px;
	line-height: 50px;
	cursor: pointer;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
	initPage();
});

</script>
</head>
<body id="bodyDiv">
	<div id="viewPanel" style="position:absolute;top: 0px;left: 0px;width: 100%;height: 100%;overflow: hidden;background:#eeeeee;min-width: 1260px;">
		<div id="header" style="position:absolute;top:0px;left:0px;height:60px;width:100%;background-image:url(../images/header_bg.png);background-size: cover;">
			<div id="headPanel" style="position:absolute;top:0px;left:0px;height:60px;width:100%;border-bottom:1px solid #444444;">
				<img id="logo_icon" src="" style="float:left;top:0px;left:0px;margin: 3px 0px 0px 4px;cursor: pointer;">
            	<p id="logo_title"   style="float:left;font-size: 27px;font-weight: bold;margin: 7px  0px 0px 5px;float: left;letter-spacing: 4px;color: white;height: 48px;"></p>
				<!-- <div id="pros" style="position:absolute;top:0px;width:120px;height:60px;right:158px;color: white;background-color: transparent;padding: 0px 0px 0px 0px;text-align: center">
                   	<ul class="layui-nav layui-layout-right"   style="background-color: transparent;padding: 0px 0px 0px 0px;text-align: center;margin-top: 0px;">
	                	 <li class="layui-nav-item" id="teamPage">
	               			<div   style="height:60px;width: 130px;cursor:pointer;background: url(../images/jckl.png) no-repeat center left;text-align: center;" onclick="showProPanl()">进程管理</div>
	                	</li> 
	               	</ul>
				</div> -->
				<div id="login" style="position:absolute;top:0px;width:155px;height:60px;right:0px;">
				<!-- 展示用户登陆信息 -->
					<ul class="layui-nav layui-layout-right"   style="background-color: transparent;padding: 0px 0px 0px 0px;text-align: center">
						 <li class="layui-nav-item" id="teamPage">
                		<div style="width:160px;height:60px;">
	                    	<div id="login_name"  class="gopt_login_top" style="right:10px;width: 130px;text-align: center;"></div>
	                    </div>
	                    <dl class="layui-nav-child">
	                        <dd style="line-height: 36px;"><a style="text-decoration: none;" href="javascript:;" onclick="toIndex()">首页</a></dd>
                    		<dd style="line-height: 36px;"><a style="text-decoration: none;" href="javascript:;" onclick="toMain()">个人中心</a></dd>
	                        <dd style="line-height: 36px;"><a style="text-decoration: none;" href="javascript:;" onclick="outUp()">退出登录</a></dd>
	                    </dl>
	                	</li> 
                	</ul>
				</div>
               	<ul class="layui-nav layui-layout-right"   style="background-color: transparent;padding: 0px 0px 0px 0px;text-align: center;margin-top: 57px;">
                	<li class="layui-nav-item" id="teamPage">
               			<div id= "planNameList" style="height:60px;"></div>
                	</li> 
               	</ul>
			</div>
		</div>
		<div style="position:absolute;top:60px;bottom:0px;height: calc(100% - 60px);width: 100%;background:#F4F4F4;">
			<div style="background-color: #333;position: absolute;width: 15%;height: 100%;border-right: 5px solid #fff;">
				<div style="width: 100%;height: 50px;line-height: 50px;"><span style="font-size: 16px;color: white;margin-left: 20%;">系统管理</span></div>
				<div class="caidan" onclick="userMenu()"><span style="font-size: 16px;color: white;margin-left: 30%;">用户管理</span></div>
				<div class="caidan" onclick="rootMenu()" id="root"><span style="font-size: 16px;color: white;margin-left: 30%;">权限管理</span></div>
				<div class="caidan" onclick="planMenu()"><span style="font-size: 16px;color: white;margin-left: 30%;">方案查看</span></div>
			</div>
			<div id="rightPanel" style="position: absolute;right: 0px;width: 85%;height: 100%;display: none;">
				<div style="height: 40px;width: 100%;background-color: #fff;line-height: 40px;">
					<span id="menuText" style="font-size: 16px;margin-left: 20px;">用户管理</span>
				</div>
				<div style="height: calc(100% - 50px);width: 100%;background:#fff;margin-top: 10px;">
					<iframe id="iframe" src="" scrolling="no" frameborder="0" style="height: 100%;width: 100%;background:#fff;"></iframe> 
				</div>
			</div>
		</div>
	</div>
	<script src="../layui/layui.js"></script>
	<script>
	layui.use('element', function(){
		  var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
		  
		  //监听导航点击
		  element.on('nav(demo)', function(elem){
		  	//layer.msg(elem.text());
		  });
		});
	function outUp(){
		$.ajax({
            url: '../pv/login/logout',
            dataType: 'text'
        }).done(function(res) {
    	});
		window.location.href="../../index.html";
	};
	function toIndex(){
		window.location.href="../../index.html";
	};
	function toMain(){
		window.location.href="main.html";
	};
	function toSys(){
		window.location.href="system.html";
	};
</script>
</body>
</html>
	